import React from 'react';
import {Layout, Breadcrumb} from 'antd';
import LeftLayout from '../../component/LeftLayout.js';
import Headertar from '../../component/Headertar.js';
const {Content, Footer} = Layout;



const Frame = (prop) => {
    return (
    <div>
        <Layout style={{ minHeight: '100vh' }}>
            {/* 左侧选择框 */}
            <LeftLayout />
            <Layout>
                {/* 头部 */}
                <Headertar />
                <Content style={{ margin: '0 16px' }}>
                    {/* 面包屑 */}
                    <Breadcrumb style={{ margin: '16px 0' }}>
                        <Breadcrumb.Item>User</Breadcrumb.Item>
                        <Breadcrumb.Item>Bill</Breadcrumb.Item>
                    </Breadcrumb>
                    {/* 中间主体部分的内容 */}
                    {prop.children}
                </Content>
                {/* 底部注释 */}
                <Footer style={{ textAlign: 'center' }}>
                    祈通校园
                </Footer>
            </Layout>
        </Layout>
    </div>);
}

export default Frame;